<template>
  <view>
    <view class="cu-chat">
    	<view class="cu-item self">
    		<view class="main">
    			<view class="content bg-green shadow">
    				<text>喵喵喵！喵喵喵！喵喵喵！喵喵！喵喵！！喵！喵喵喵！</text>
    			</view>
    		</view>
    		<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big107000.jpg);"></view>
    		<view class="date">2018年3月23日 13:23</view>
    	</view>
    	<view class="cu-info round">对方撤回一条消息!</view>
    	<view class="cu-item">
    		<view class="cu-avatar radius" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big143004.jpg);"></view>
    		<view class="main">
    			<view class="content shadow">
    				<text>喵喵喵！喵喵喵！</text>
    			</view>
    		</view>
    		<view class="date ">13:23</view>
    	</view>
    	<view class="cu-info">
    		<text class="cuIcon-roundclosefill text-red "></text> 对方拒绝了你的消息
    	</view>
    	<view class="cu-info">
    		对方开启了好友验证，你还不是他(她)的好友。请先发送好友验证请求，对方验证通过后，才能聊天。
    		<text class="text-blue">发送好友验证</text>
    	</view>
    </view>
  </view>
</template>

<script>
  export default {
    name:"message",
    data() {
      return {
        
      };
    }
  }
</script>

<style lang="scss">

</style>